import React, { Component } from 'react'
import axios from 'axios'

export default class Com extends Component {
    // https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata
    constructor() {
        super()
        // console.log('类组件的第一个生命周期')
    }
    state = {
        list: [],
        count: 100
    }
    // 组件 将要  挂载
    componentWillMount() {
        // console.log('类组件第二个生命周期--componentWillMount')
    }
    render() {
        // console.log('类组件第三个生命周期--render')
        // console.log('执行了render')
        const { list } = this.state
        return (
            <div>
                <h3>生命周期</h3>
                {
                    list.map((item, index) => {
                        return <div key={index}>
                            <img src={item.image_src} alt="" />
                        </div>
                    })
                }
            </div>
        )
    }
    // 组件 完成  挂载
    componentDidMount() {
        // console.log('类组件第四个生命周期--componentDidMount')
        // const url = "https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata"
        // axios.get(url).then(res => {
        //     this.setState({
        //         list: res.data.message,
        //         count: 200
        //     })
        // })
    }
}
